<template>
    <div class="mod-home">
        <table-grid
            style="height: 100%;"
            tableTitle="工序列表"
            :button-list="buttonList"
            :tableColumn="mbTableColumn"
            :tableData="mbTableData"
        ></table-grid>
        <customer ref="processRef"></customer>
    </div>
</template>

<script>

import customer from '@/views/modules/manage/baseinfo/process/process.vue'
export default {
    components: {
        customer
    },
  	data () {
    	return {
            buttonList: [
                {name: "新增",code: "add",type: "primary"}
            ],
            mbTableColumn: [
                {type: 'seq', width: 60},
                {field: 'processCode', title: '工序代码'},
                {field: 'processName', title: '工序名称'},
                {field: 'processSeq', title: '工序顺序'},
                {field: "ctrl", title: "操作", fixed:"right", width: 100,
                    slots: {default: ({ row, column }) => {
                            return [
                                <div>
                                    <el-button size="small" type="primary" onClick={() => {
                                        this.oprClick(row)
                                    }}>工序列表</el-button>
                                </div>
                            ]
                        },
                    }
                },
            ],
            mbTableData: [
                {
                    processCode: "GX001",
                    processName: "切割",
                    processSeq: "1",
                },
                {
                   processCode: "GX001",
                   processName: "缠绕",
                   processSeq: "2",
                }
            ],

		}
  	},
  	mounted () {

  	},
  	methods: {
        oprClick(){
            this.$refs.customerRef.init()
        }
    }
}
</script>

<style lang="scss" scoped>


</style>
